/* This is the style file for using jquery UI 
 * You can create your own UI style from http://ui.jquery.com/themeroller
 * */
/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0;  text-decoration: none; font-size: 100%; list-style: none;
	font-size: 1em;
	font-weight: bold;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #eeeeee;
	bottom: -1px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0;  text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 0;
	margin: 0 1px;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0;  text-decoration: none; font-size: 100%; list-style: none;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	float: left;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #333;
	background: #ddd; 
	margin: 0 1px;
}
.ui-tabs-nav li a:hover {
	background: #333333;
	color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #333333;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #333333;
	color: #ffffff;
	text-decoration: underline;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0;  text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
	padding: 1.5em 1.7em;	
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

